$namespace: "aoyou-newtable-" !default;

.#{$namespace}container{
  border:1px solid #eee;

  .navbar{
    background-color: #2e8c44;
    color:#fff !important;
    line-height: 30px;
    font-size: 20px;
    height: 30px;
    padding-left: 10px;
  }

  .handload{
    background-color: #1d5eac;
    color:#fff !important;
  }

  table{
    width: 100%;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 40px;
    min-width: 847px;
    table-layout: fixed;

    th{
      border: 1px solid #dddddd;
    }


    .#{$namespace}evenrowcolor{
      background: #f9f9f9;
      //background: #EFF7FE;
      &:hover{
        background: #dddddd;
      }
    }

    .#{$namespace}oddrowcolor{
      background: #efefef;
      //background: #CAE4EB;
      &:hover{
        background: #dddddd;
      }
    }

    .#{$namespace}textalign-center{
      text-align: center;
    }
    .#{$namespace}textalign-left{
      text-align: left;
      padding-left: 10px;
    }
    .#{$namespace}textalign-right{
      text-align: right;
      padding-right: 10px;
    }

    .#{$namespace}cell_check{
      padding-left: 5px;
    }

    .#{$namespace}cell{
      /*border-top:1px solid #d6d6d6;
      border-collapse: collapse;
      border-spacing: 0px 0px;
      border-top-color: #d6d6d6;
      border-top-style: solid;
      border-top-width: 1px;*/

      box-sizing: border-box;
      color: #333;
      cursor: default;
      font-size: 14px;
      font-weight: 300;
      height: 30px;
      line-height: 20px;
      overflow: hidden;
      overflow-x: hidden;
      overflow-y: hidden;
      text-overflow: ellipsis;
      transition-delay: 0s;
      transition-duration: 0.3s;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
      vertical-aligntopwhite-space: nowrap;

      span{
        border-collapse: collapse;
        border-spacing: 0px 0px;
        box-sizing: border-box;
        color: #333;
        cursor: default;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        white-space: nowrap;
      }

      .#{$namespace}unchecked{
        background-image: url("../useimg/unchecked.png");
      }
      .#{$namespace}checked{
        background-image: url("../useimg/checked.png");
      }
    }
    .#{$namespace}cell_check{
      .#{$namespace}unchecked{
        background-image: url("../useimg/unchecked.png");
      }
      .#{$namespace}checked{
        background-image: url("../useimg/checked.png");
      }
    }
  }

  .#{$namespace}icon{
    display: inline-block;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: text-top;
    background-repeat: no-repeat;
  }

  .btn{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../useimg/ico.png");
  }

  .btn-edit{
    background-position: -218px -178px;
  }

  .btn-cancel{
    background-position: -93px -17px;
    margin-left: 15px;
  }


  .btn-submit{
    background-position: -188px -295px;
    margin-left: 15px;
  }

  .btn-remove{
    background-position: -218px -71px;
    margin-left: 15px;
  }
  .btn-box{
    text-align: center;
    a{
      vertical-align: middle;
    }
  }
  .#{$namespace}toolcell{
    //border-top:1px solid #d6d6d6;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    /*border-top-color: #d6d6d6;
    border-top-style: solid;
    border-top-width: 1px;*/
    border: 1px solid #dddddd;
  }

  .borderall{
    border:1px solid #dddddd;
  }

  .borderbottom{
    border-bottom:1px inset ;
  }

}


